<!--&lt;!&ndash;<template>&ndash;&gt;-->
<!--&lt;!&ndash;  <div>&ndash;&gt;-->
<!--&lt;!&ndash;    <form>&ndash;&gt;-->
<!--&lt;!&ndash;      用户名：<input v-model="user.name"/>&ndash;&gt;-->
<!--&lt;!&ndash;      密码:<input v-model="user.password"/>&ndash;&gt;-->
<!--&lt;!&ndash;      <button @click="login" type="button">登录1</button>&ndash;&gt;-->
<!--&lt;!&ndash;    </form>&ndash;&gt;-->
<!--&lt;!&ndash;  </div>&ndash;&gt;-->
<!--&lt;!&ndash;</template>&ndash;&gt;-->

<!--&lt;!&ndash;<script>&ndash;&gt;-->
<!--&lt;!&ndash;export default {&ndash;&gt;-->
<!--&lt;!&ndash;  name: 'Login',&ndash;&gt;-->
<!--&lt;!&ndash;  data(){&ndash;&gt;-->
<!--&lt;!&ndash;    return {&ndash;&gt;-->
<!--&lt;!&ndash;      user:{name :'张三丰',password:'123'},&ndash;&gt;-->

<!--&lt;!&ndash;    }&ndash;&gt;-->

<!--&lt;!&ndash;  },&ndash;&gt;-->
<!--&lt;!&ndash;  created () {&ndash;&gt;-->
<!--&lt;!&ndash;  },&ndash;&gt;-->
<!--&lt;!&ndash;  methods: {&ndash;&gt;-->
<!--&lt;!&ndash;    login() {&ndash;&gt;-->
<!--&lt;!&ndash;      this.$http.post('/login',this.user).then((data) => {&ndash;&gt;-->
<!--&lt;!&ndash;        let _this= data;&ndash;&gt;-->
<!--&lt;!&ndash;        //_this.Code=data.Code;&ndash;&gt;-->
<!--&lt;!&ndash;       console.log(data);&ndash;&gt;-->
<!--&lt;!&ndash;       // console.log( _this.Code);&ndash;&gt;-->
<!--&lt;!&ndash;       // console.log(data.statusText+";"+data.status+";"+data.data+";"+data.headers)&ndash;&gt;-->
<!--&lt;!&ndash;       // console.log(data.data.code.toLocaleString())&ndash;&gt;-->
<!--&lt;!&ndash;        console.log(data.Code)&ndash;&gt;-->
<!--&lt;!&ndash;        if(data.code=='200'){&ndash;&gt;-->
<!--&lt;!&ndash;          alert(666);&ndash;&gt;-->
<!--&lt;!&ndash;          this.$.router.push("/main");&ndash;&gt;-->
<!--&lt;!&ndash;        }else{&ndash;&gt;-->
<!--&lt;!&ndash;          alert("用户名密码错误");&ndash;&gt;-->
<!--&lt;!&ndash;        }&ndash;&gt;-->
<!--&lt;!&ndash;      })&ndash;&gt;-->
<!--&lt;!&ndash;    }&ndash;&gt;-->
<!--&lt;!&ndash;  }&ndash;&gt;-->
<!--&lt;!&ndash;}&ndash;&gt;-->
<!--&lt;!&ndash;</script>&ndash;&gt;-->

<!--&lt;!&ndash;<style scoped>&ndash;&gt;-->

<!--&lt;!&ndash;</style>&ndash;&gt;-->

<!--<template>-->
<!--  <div>-->
<!--    <form>-->
<!--      用户名:<input v-model="user.name"><br>-->
<!--      密码:<input v-model="user.password"><br>-->
<!--      <button @click="login()">登陆</button>-->
<!--    </form>-->
<!--  </div>-->
<!--</template>-->

<!--<script>-->
<!--export default {-->
<!--  name: "Login",-->
<!--  data(){-->
<!--    return{-->
<!--      user:{-->
<!--        name:"张三丰",password:"123"-->
<!--      }-->
<!--    }-->
<!--  },-->
<!--  //初始化-->
<!--  created() {-->

<!--  },-->
<!--  methods:{-->
<!--    login(){-->
<!--      this.$http.post("/login",this.user).then(data=>{-->
<!--        console.log(data);-->
<!--        console.log(data.code);-->
<!--        if (data.code=='200'){-->
<!--          //跳转到首页-->
<!--          //alert(data);-->
<!--          this.$store.commit('login',data.data)-->
<!--          this.$router.push("/main");-->
<!--        }else {-->
<!--          alert("用户名或者密码错误")-->
<!--        }-->
<!--      })-->
<!--    }-->
<!--  }-->
<!--}-->
<!--</script>-->

<!--<style scoped>-->

<!--</style>-->


<template>
  <div>
    <h1>登录</h1>
    <el-input v-model="params.username" placeholder="请输入账号" style="width: 350px"></el-input><br>
    <br>
    <el-input v-model="params.password" placeholder="请输入密码" show-password style="width: 350px"></el-input><br>
    <br>
    <el-button type="primary" icon="el-icon-position" round @click="login()" style="width: 200px">点击登录</el-button>
  </div>

</template>

<script>
export default {
  name: "Login",
  created() {

  },
  data(){
    return{
      params:{username:"222",password:"123", grant_type: 'password', client_id: 'vueback', client_secret: 123}
    }
  },
  methods:{
    login(){
      this.$http.post("http://localhost:7000/authserver/oauth/token",this.params).then(data=>{
        if (data.code==200){
          alert("登录成功")
          //把token值存到session中
          sessionStorage.setItem('token',this.$qs.stringify(data.data))
          //把用户的uid存在store中
          this.$store.commit('setUser',data.data)
          console.log(data.data)
          //把刷新token的值存入state
          this.$store.commit("setClient",this.params)
          this.$router.push("/books")
        }else if(data.code==203){
          alert("用户名密码错误")
        }else if(data.code=206){
          alert("用户已被禁用")
        }
      })
    }
  }
}
</script>

<style scoped>

</style>

